<template>
  <div class="con">
    <span v-if="num==1" class="color-blue">{{text}}</span>
    <span v-else-if="num==2" class="color-red">{{text}}</span>
    <span v-else-if="num==3" class="color-gray">{{text}}</span>
    <span v-else>{{text}}</span>
  </div>
</template>
<script>
// num 1:非常有效 2有效 3一般 4弱 5无效
export default {
  props: [
    'num',
    'text'
  ]
}
</script>
<style scoped>

</style>
